<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <title>上海市嘉定区青少年业余体校</title>
  <meta name="keywords" content="">
  <meta name="description" content="">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="renderer" content="webkit">

  <!-- bootstrap -->
  <link rel="stylesheet" href="/wcm.files/common/bootstrap-3.4.1-dist/css/bootstrap.min.css">

  <!-- swiper -->
  <link rel="stylesheet" href="/wcm.files/common/swiper/swiper.min.css">
  <!-- hover -->
  <link rel="stylesheet" href="/wcm.files/common/css/hover.css">
  <!-- iconfont -->
  <link rel="stylesheet" href="//at.alicdn.com/t/font_1107057_typfpebuml.css">

  <link rel="stylesheet" href="/static/css/index.css">


  <script src="/wcm.files/common/jquery/3.4.1/jquery.min.js"></script>
  <script src="/wcm.files/common/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
  <script src="/wcm.files/common/swiper/swiper.min.js"></script>
  <script src="/wcm.files/common/js/jquery.SuperSlide.2.1.3.js"></script>

  <script src="/static/js/index.js"></script>
</head>
<!--

  12022 校园新闻
  12023 通知公告
  12024 党群工作
  12025 德育在线
  12039 友情链接
 -->

<body id="homePage">
  <div id="header">
    <!-- ---- 通用>>--【头】 -- 标签开始 ---- -->
    <!--#include virtual='/include/ware_142.htm'-->
    <!-- ---- 通用>>--【头】 -- 标签结束 ---- -->

  </div>
  <div id="body">
    <div class="container">
      <div class="box_01 box-shadow radius">
        <div class="row ">
          <div class="box_02_02 m-lb col-md-6">
            <div id="lb_02" class="swiper-container radius">
              <div class="swiper-wrapper">
                #foreach( $r in
                $InfoUtilData.getInfoList("site_id=$site_id;cat_id=12022;is_show_thumb=true;cur_page=1;size=5;orderby=ci.weight
                desc,ci.released_dtime desc"))
                <div class="swiper-slide ">
                  <img src="${r.thumb_url}" alt="">
                  <div class="slide-title">
                    <a class=" text-overflow" href="$r.content_url"
                      target="_blank">${FormatUtil.cutString($r.title,38,"...")}</a>
                  </div>
                </div>
                #end

              </div>
              <!-- 如果需要分页器 -->
              <div class="swiper-pagination swiper-container-myColor"></div>
            </div>

            <script>
              var mylb_02 = new Swiper('#lb_02', {
                effect: 'fade',
                autoplay: {
                  delay: 8000, //1秒切换一次
                },
                loop: true, // 循环模式选项
                // 如果需要分页器
                pagination: {
                  // 如果需要分页器
                  el: '#lb_02 .swiper-pagination',
                  clickable: true,
                },
                navigation: {
                  nextEl: '#lb_02 .swiper-button-next',
                  prevEl: '#lb_02 .swiper-button-prev',
                },
              });
              $(".swiper-pagination-bullet").hover(function () {
                $(this).click();
              })
            </script>
          </div>

          <div class="box_02_02 padding-left col-md-6 ">
            <div class="ty-hd-01">
              <a href="/info/iList.jsp?cat_id=12022" class="hd-1">校园新闻</a>
              <a href="/info/iList.jsp?cat_id=12022" class="hd-more">更多&gt;&gt;</a>
            </div>
            <div class="m-xinwen_list">
              <div class="xinwen_list_top">
                <!-- #foreach( $r in $InfoUtilData.getInfoList("site_id=$site_id;cat_id=12022;cur_page=1;size=1;orderby=ci.weight desc,ci.released_dtime desc")) -->
                <div class="xinwen_list_top_hd text-overflow">${FormatUtil.cutString($r.title,38,"...")}</div>

                <div class="xinwen_list_top_desc">${FormatUtil.cutString($r.description,100,"...")}<a class="more"
                    href="$r.content_url" target="_blank">【查看详情】</a></div>
                <!-- #end -->
              </div>
              <div class="line-dashed"></div>
              <div class="xinwen_list_bottom">
                <ul class="ty-list list-unstyle">
                  <!-- #foreach( $r in $InfoUtilData.getInfoList("site_id=$site_id;cat_id=12022;cur_page=1;size=7;orderby=ci.weight desc,ci.released_dtime desc")) -->
                  #if($velocityCount > 1)

                  <li>
                    <span class="time">${FormatUtil.formatDate($r.released_dtime,"yyyy-MM-dd")}</span>
                    <a class="ui-preDot text-overflow" href="$r.content_url" target="_blank"
                      title="">${FormatUtil.cutString($r.title,38,"...")}</a>
                  </li>
                  #end
                  <!-- #end -->


                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="box_02">
        <div class="row clearfix">
          <div class="col-md-4">
            <div class="item box-shadow">
              <div class="item-top">
                #foreach( $r in
                $InfoUtilData.getInfoList("site_id=$site_id;cat_id=12023;is_show_thumb=true;cur_page=1;size=1;orderby=ci.weight
                desc,ci.released_dtime desc"))
                <img class="top-pic" src="${r.thumb_url}" alt="">
                <a href="$r.content_url" target="_blank" class="top-tit">${FormatUtil.cutString($r.title,22,"...")}</a>
                #end

              </div>
              <div class="ty-hd">
                <a href="/info/iList.jsp?cat_id=12023" class="hd-1">通知公告</a>
              </div>
              <div class="bd">
                <ul class=" ty-list  list-unstyle">
                  <!-- #foreach( $r in $InfoUtilData.getInfoList("site_id=$site_id;cat_id=12023;cur_page=1;size=6;orderby=ci.weight desc,ci.released_dtime desc")) -->
                  <li>
                    <span class="time">${FormatUtil.formatDate($r.released_dtime,"yyyy-MM-dd")}</span>
                    <a class="text-overflow" href="$r.content_url" target="_blank"
                      title="">${FormatUtil.cutString($r.title,38,"...")}</a>
                  </li>
                  <!-- #end -->

                </ul>
              </div>
            </div>
          </div>


          <div class="col-md-4">
            <div class="item box-shadow">
              <div class="item-top">
                #foreach( $r in
                $InfoUtilData.getInfoList("site_id=$site_id;cat_id=12024;is_show_thumb=true;cur_page=1;size=1;orderby=ci.weight
                desc,ci.released_dtime desc"))
                <img class="top-pic" src="${r.thumb_url}" alt="">
                <a href="$r.content_url" target="_blank" class="top-tit">${FormatUtil.cutString($r.title,22,"...")}</a>
                #end

              </div>
              <div class="ty-hd">
                <a href="/info/iList.jsp?cat_id=12024" class="hd-1">党群工作</a>
              </div>
              <div class="bd">
                <ul class=" ty-list  list-unstyle">
                  <!-- #foreach( $r in $InfoUtilData.getInfoList("site_id=$site_id;cat_id=12024;cur_page=1;size=6;orderby=ci.weight desc,ci.released_dtime desc")) -->
                  <li>
                    <span class="time">${FormatUtil.formatDate($r.released_dtime,"yyyy-MM-dd")}</span>
                    <a class="text-overflow" href="$r.content_url" target="_blank"
                      title="">${FormatUtil.cutString($r.title,38,"...")}</a>
                  </li>
                  <!-- #end -->
                </ul>
              </div>
            </div>
          </div>


          <div class="col-md-4">
            <div class="item box-shadow">
              <div class="item-top">
                #foreach( $r in
                $InfoUtilData.getInfoList("site_id=$site_id;cat_id=12025;is_show_thumb=true;cur_page=1;size=1;orderby=ci.weight
                desc,ci.released_dtime desc"))
                <img class="top-pic" src="${r.thumb_url}" alt="">
                <a href="$r.content_url" target="_blank" class="top-tit">${FormatUtil.cutString($r.title,22,"...")}</a>
                #end

              </div>
              <div class="ty-hd">
                <a href="/info/iList.jsp?cat_id=12025" class="hd-1">德育在线</a>
              </div>
              <div class="bd">
                <ul class=" ty-list  list-unstyle">
                  <!-- #foreach( $r in $InfoUtilData.getInfoList("site_id=$site_id;cat_id=12025;cur_page=1;size=6;orderby=ci.weight desc,ci.released_dtime desc")) -->
                  <li>
                    <span class="time">${FormatUtil.formatDate($r.released_dtime,"yyyy-MM-dd")}</span>
                    <a class="text-overflow" href="$r.content_url" target="_blank"
                      title="">${FormatUtil.cutString($r.title,38,"...")}</a>
                  </li>
                  <!-- #end -->
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="m-links clearfix">
        <div class="hd"><i>LINKS:</i></div>
        <div class="bd">
          <!-- #foreach( $r in $InfoUtilData.getInfoList("site_id=$site_id;cat_id=12039;cur_page=1;size=5;orderby=ci.weight desc,ci.released_dtime desc")) -->

          <a class="text-overflow" href="$r.content_url" target="_blank"
            title="">${FormatUtil.cutString($r.title,38,"...")}</a>

          <!-- #end -->

        </div>
      </div>
    </div>
  </div>

  <div id="footer">
    <!-- ---- 通用>>--【尾部】 -- 标签开始 ---- -->
    <!--#include virtual='/include/ware_143.htm'-->
    <!-- ---- 通用>>--【尾部】 -- 标签结束 ---- -->

  </div>


</body>

</html>